import styled from 'styled-components'

export const FooterWrapper = styled.div`
	margin-top: 50px;
	border-top: 1px solid #ebebeb;
	font-weight: 600;

	.content {
		width: 1032px;
		margin: 0 auto;
		font-size: 14px;

		.label {
			padding: 30px 0;
			display: flex;
			align-items: flex-start;

			.line {
				width: 262px;

				.title {
					margin-bottom: 10px;
				}

				.variety {
					display: flex;
					flex-direction: column;

					.item {
						margin-bottom: 3px;
						color: #767676;
					}
				}
			}
		}

		.bottom {
			padding: 20px 0 50px;
			border-top: 1px solid #ebebeb;
			color: #767676;
		}
	}
`
